@import 'antd/lib/style/themes/default.less';
.item {
  font-size: @font-size-lg;
  line-height: 24px;

  position: relative;

  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;

  padding: 8px 42px 8px 0;

  color: @heading-color;
  &.modifiable:hover {
    color: @link-color;
    .modify-btn {
      display: inline-block;

      color: @link-color;
    }
  }
}
.item-label {
  flex-shrink: 0;

  width: 96px;
  &::after {
    content: '：';
  }
}
.item-value {
  flex: auto;
}
.modify-btn {
  position: absolute;
  top: 8px;
  right: 16px;

  display: flex;
  display: none;
  align-items: center;
  justify-content: center;

  width: 24px;
  height: 24px;

  color: @heading-color;
}
